<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<fmt:setLocale scope="session" value="${param['language']}" />
<%@page contentType="text/html" pageEncoding="UTF-8" isErrorPage="true"%>
<!DOCTYPE html>
<!-- saved from url=(0074)http://twitter.github.com/bootstrap/examples/starter-template.html#contact -->
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <title><fmt:message key="error.title"/></title>
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <!-- Le styles -->
        <link href="././resources/bootstrap.css" rel="stylesheet">
        <link href="./css/prefs.css" rel="stylesheet">
        <style>
            body {
                padding-top: 30px; /* 60px to make the container go all the way to the bottom of the topbar */
            }
        </style>
        <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">

        <!-- Le fav and touch icons -->
        <link rel="apple-touch-icon" href="http://twitter.github.com/bootstrap/examples/images/apple-touch-icon.png">
        <link rel="apple-touch-icon" sizes="72x72" href="http://twitter.github.com/bootstrap/examples/images/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="http://twitter.github.com/bootstrap/examples/images/apple-touch-icon-114x114.png">
    </head>

    <body>

        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#"><fmt:message key="index.title_projeto" /></a>
                    <div class="nav-collapse">
                        <ul class="nav">
                            <li class="active"><a href="#">Home</a></li>
                            <li><a href="#">About</a></li>
                            <li><a href="#">Contact</a></li>
                        </ul>
                        <ul class="nav" style="float: right">
                            <li class="dropdown" style="float: right">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><fmt:message key="index.idiomas"/><b class="caret"></b></a>
                                <ul id="menu2" class="dropdown-menu">
                                    <li><a href="?language=en"><fmt:message key="drop.ingles"/></a></li>
                                    <li><a href="?language=pt"><fmt:message key="drop.portugues"/></a></li>
                                    <li><a href="?language=es"><fmt:message key="drop.espanhol"/></a></li>
                                    <li><a href="?language=it"><fmt:message key="drop.italiano"/></a></li>
                                    <li class="divider"></li>
                                </ul>
                            </li>
                        </ul>
                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>
        <div id="pag-home">
            <div class="home-gradient">
                <div class="home-erro">
                    <div class="home-centro">
                        <!--  Frase maior lado esquerdo - top-->
                        <div class="centro-lado-esquerdo">
                            <h1><fmt:message key="error.header"/> <br><fmt:message key="error.content"/> <br><fmt:message key="error.label"/></h1>
                            <div class="centro-frase">
                                <!-- Frase maior lado esquerdo baixo-->
                                <p> <br> <br> </p>
                            </div>
                            <!-- Botão lado esquerdo baixo - Leia Mias -->

                            <div class="amigos-incomum" id="amigos-incomum">
                                <!-- Lista facebook <iframe src="Formspring_arquivos/facepile.xhtml" style="border: medium none; overflow: hidden; width: 430px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe> -->
                            </div>
                        </div>
                        <!--  Caixa de Login-->
                        <!--  Caixa de Login
				<div class="box-login">

		   </div>
                        -->
                    </div>
                </div>
            </div>
        </div>
        <br>
        <div class="container">
            <!--
                        <div class="hero-unit" style="background: white;">
                            <h1><fmt:message key="error.header"/></h1>
                            <p><fmt:message key="error.content"/></p>
                            <h5><fmt:message key="error.label"/></h5>
                        </div>
            -->

        </div> <!-- /container -->

        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script type="text/javascript" src="./resources/jquery.js"></script>
        <script type="text/javascript" src="./resources/bootstrap-transition.js"></script>
        <script type="text/javascript" src="./resources/bootstrap-alert.js"></script>
        <script type="text/javascript" src="./resources/bootstrap-modal.js"></script>
        <script type="text/javascript" src="./resources/bootstrap-dropdown.js"></script>
        <script type="text/javascript" src="./resources/bootstrap-scrollspy.js"></script>
        <script type="text/javascript" src="./resources/bootstrap-tab.js"></script>
        <script type="text/javascript" src="./resources/bootstrap-tooltip.js"></script>
        <script type="text/javascript" src="./resources/bootstrap-popover.js"></script>
        <script type="text/javascript" src="./resources/bootstrap-button.js"></script>
        <script type="text/javascript" src="./resources/bootstrap-collapse.js"></script>
        <script type="text/javascript" src="./resources/bootstrap-carousel.js"></script>
        <script type="text/javascript" src="./resources/bootstrap-typeahead.js"></script>
    </body>
</html>